﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="./Styles/LayoutStyleSheet.css" rel="stylesheet" type="text/css" media="all" />
    <link href="./Styles/BoozePortThems.css" rel="stylesheet" type="text/css" media="all" />
    <script src="./Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="./Scripts/JScript.min.js" type="text/javascript"></script>
    <script src="./Scripts/JScriptUI.min.js" type="text/javascript"></script>
    <script src="./Scripts/jquery.fullPage.js" type="text/javascript"></script>
    <script src="./Scripts/jquery.fullPage.min.js" type="text/javascript"></script>
    <script src="./Scripts/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src="./Scripts/jssor.slider.mini.js" type="text/javascript"></script>
     <script type="text/javascript">
         jQuery(document).ready(function ($) {

             var options = {
                 $FillMode: 2,                                       //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
                 $AutoPlay: true,                                    //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
                 $AutoPlayInterval: 10000,                            //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
                 $PauseOnHover: 1,                                   //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1

                 $ArrowKeyNavigation: true,   			            //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
                 $SlideEasing: $JssorEasing$.$EaseOutQuint,          //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
                 $SlideDuration: 4500,                               //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                 $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to trigger slide , default value is 20
                 $SlideWidth: 1100,                                 //[Optional] Width of every slide in pixels, default value is width of 'slides' container
                 //$SlideHeight: 300,                                //[Optional] Height of every slide in pixels, default value is height of 'slides' container
                 $SlideSpacing: 0, 					                //[Optional] Space between each slide in pixels, default value is 0
                 $DisplayPieces: 1,                                  //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
                 $ParkingPosition: 0,                                //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
                 $UISearchMode: 1,                                   //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
                 $PlayOrientation: 1,                                //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
                 $DragOrientation: 1,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)

                 $BulletNavigatorOptions: {                          //[Optional] Options to specify and enable navigator or not
                     $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
                     $ChanceToShow: 3,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                     $AutoCenter: 1,                                 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                     $Steps: 1,                                      //[Optional] Steps to go for each navigation request, default value is 1
                     $Lanes: 1,                                      //[Optional] Specify lanes to arrange items, default value is 1
                     $SpacingX: 8,                                   //[Optional] Horizontal space between each item in pixel, default value is 0
                     $SpacingY: 8,                                   //[Optional] Vertical space between each item in pixel, default value is 0
                     $Orientation: 1,                                //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
                     $Scale: false                                   //Scales bullets navigator or not while slider scale
                 },

                 $ArrowNavigatorOptions: {                           //[Optional] Options to specify and enable arrow navigator or not
                     $Class: $JssorArrowNavigator$,                  //[Requried] Class to create arrow navigator instance
                     $ChanceToShow: 1,                               //[Required] 0 Never, 1 Mouse Over, 2 Always
                     $AutoCenter: 2,                                 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
                     $Steps: 1                                       //[Optional] Steps to go for each navigation request, default value is 1
                 }
             };

             //Make the element 'slider1_container' visible before initialize jssor slider.
             $("#slider1_containerTestimonials").css("display", "block");
             var jssor_slider1 = new $JssorSlider$("slider1_containerTestimonials", options);
             //responsive code begin
             //you can remove responsive code if you don't want the slider scales while window resizes
             function ScaleSlider() {
                 var bodyWidth = document.body.clientWidth;
                 if (bodyWidth)
                     jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 1100));
                 else
                     window.setTimeout(ScaleSlider, 30);
             }
             ScaleSlider();

             $(window).bind("load", ScaleSlider);
             $(window).bind("resize", ScaleSlider);
             $(window).bind("orientationchange", ScaleSlider);
             //responsive code end
         });
    </script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#fullpage').fullpage({
                anchors: ['Home', 'Feature', 'About', 'Team', 'Testimonial', 'ContactUs', 'Adds'],
                sectionsColor: ['background:rgba(000,000,000,0.6)', '#FFFFFF', 'background-color:#222222', '#FFFFFF', '#F2F2F2', 'background:rgba(000,000,000,0.6)'],
                menu: '#menu',
                css3: true,
                autoScrolling: false,
                scrollingSpeed:1,
                fitToSection: false,
                // scrollOverflow: true;
                afterLoad: function (anchorLink, index) {
                    //                 		if(index == 2){
                    //						//moving the image
                    //						$('#section1').find('img').delay(500).animate({
                    //							left: '0%'
                    //						}, 1500, 'easeOutExpo');

                    //						$('#section1').find('p').first().fadeIn(1800, function(){
                    //							$('#section1').find('p').last().fadeIn(1800);
                    //						});;

                    //					}
                    if (anchorLink == 'Feature') {
                        //moving the Div
                        $('#FeatureSection').find('.DivFeature').delay(1).animate({
                            right: '0%'
                        }, 5000, 'easeOutExpo');
                    }
                    if (anchorLink == 'Team') {
                        //moving the Div
                        $('#TeamSection').find('.DivTeam').delay(1).animate({
                            right: '0%'
                        }, 4000, 'easeOutExpo');
                    }
                }
            });
        });
    </script>
</head>
<body>
    <div class="Form">
        <div id="header">
            <div id="Logo" style="float: left; margin: 8px 0 0 75px;outline:none">
                <a href="./Index.htm" style="outline:none">
                    <img src="Images/BoozeLogo.jpg" /></a>
            </div>
            <div id="NavMenu" style="float: right">
                <ul id="menu">
                    <li data-menuanchor="Home"><a href="#Home">Home</a></li>
                    <li data-menuanchor="Feature"><a href="#Feature">Feature</a></li>
                    <li data-menuanchor="About"><a href="#About">About</a></li>
                    <li data-menuanchor="Team"><a href="#Team">Team</a></li>
                    <li data-menuanchor="Testimonial"><a href="#Testimonial">Testimonial</a></li>
                    <li data-menuanchor="ContactUs"><a href="#ContactUs">Contact Us</a></li>
                    <li data-menuanchor="Adds"><a href="#Adds">Adds</a></li>
                </ul>
            </div>
        </div>
        <div id="Clear" style="clear: both">
        </div>
        <div id="fullpage">
            <div class="section" id="HomeSection">
                <div style='width: 1100px; margin: auto'>
                    <p style="text-align: center; font-size: 48px; color: #fff; padding-top:200px; font-weight:700">
                        INTRODUCING ZERIF LITE - ONE OF THE TOP 10 MOST POPULAR THEMES ON WORDPRESS.ORG
                        <br />
                        <br />
                        <button type="button" class="CSSbutton" style='width: 150px; height: 35px' onclick="window.location.href='./Pages/LoginRegister.htm' ">
                            Login</button>&nbsp;&nbsp
                        <button type="button" class='CSSSignUp' style='width: 150px; height: 35px' onclick="window.location.href='./Pages/LoginRegister.htm#DivSignUp' ">
                            Sign Up</button>
                    </p>
                </div>
            </div>
            <div class="section" id="FeatureSection">
                <div style="width: 1100px; margin: auto">
                    <div style="text-align: center; padding: 55px 0 45px 0; clear: both">
                        <a style="font-size: 42px; font-weight: 800; color: #555">FEATURES</a>
                        <br />
                        <a style="font-size: 15px; color: #555; line-height: 35px">What makes this single-page
                            WordPress theme unique.</a>
                    </div>
                    <div class="DivFeature">
                        <div id="DivFeature1" style="float: left; text-align: center; width: 240px; padding: 15px">
                            <div class="FeatureImg1">
                                <img src="Images/Feature01.jpg" style="margin-top:25px"/>
                            </div>
                            <a style="height: 50px; padding-bottom:5px; font-size: 16px; font-weight: bold;
                                line-height:75px; border-bottom: 2px solid #990000">PARALLAX EFFECT</a>
                            <br />
                            <p style="font-size: 15px; line-height: 25px; color: #555">
                                Create memorable pages with smooth parallax effects that everyone loves. Also, use
                                our lightweight content slider offering you smooth and great-looking animations.
                            </p>
                        </div>
                        <div id="Divfeature2" style="float: left; text-align: center; width: 240px; padding: 15px">
                            <div class="FeatureImg2">
                                <img src="Images/Feature02.jpg" style="margin-top:25px"/>
                            </div>
                            <a style="height: 50px; padding-bottom:5px; font-size: 16px; font-weight: bold;
                                line-height: 75px; border-bottom: 2px solid #3B67B2">WOOCOMMERCE</a>
                            <br />
                            <p style="font-size: 15px; line-height: 25px; color: #555">
                                Build a front page for your WooCommerce store in a matter of minutes. The neat and
                                clean presentation will help your sales and make your store accessible to everyone..
                            </p>
                        </div>
                        <div id="DivFeature3" style="float: left; text-align: center; width: 250px; padding: 15px">
                            <div class="FeatureImg3">
                                <img src="Images/Feature03.jpg" style="margin-top:25px"/>
                            </div>
                            <a style="height: 50px; padding-bottom: 5px; font-size: 16px; font-weight: bold;
                                line-height: 75px; border-bottom: 2px solid #FF9900">CUSTOM CONTENT BLOCKS</a>
                            <br />
                            <p style="font-size: 15px; line-height: 25px; color: #555">
                                Showcase your team, products, clients, about info, testimonials, latest posts from
                                the blog, contact form, additional calls to action. Everything translation ready.
                            </p>
                        </div>
                        <div id="DivFeature4" style="float: left; text-align: center; width: 250px; padding: 15px">
                            <div class="FeatureImg4">
                                <img src="Images/Feature04.jpg" style="margin-top:20px"/>
                            </div>
                            <a style="height: 50px; padding-bottom:5px; font-size: 16px; font-weight: bold;
                                line-height: 75px; border-bottom: 2px solid #AEC946">GO PRO FOR MORE FEATURES</a>
                            <br />
                            <p style="font-size: 15px; line-height: 25px; width: 250px; margin: auto; color: #555">
                                Get new content blocks: pricing table, Google Maps, and more. Change the sections
                                order, display each block exactly where you need it, customize the blocks with whatever
                                colors you wish.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div id="DivAboutUs" style="width: 1100px; margin: auto; text-align: center">
                    <div style="text-align: center; padding: 50px 0 45px 0; clear: both">
                        <a style="font-size: 42px; font-weight: 800; color: #F2F2F2">ABOUT</a>
                        <br />
                        <a style="font-size: 15px; color: #F2F2F2; line-height: 35px">Use this section to showcase
                            important details about your business.</a>
                    </div>
                    <div style="width: 275px; float: left; padding: 0px 15px 5px 10px">
                        <p style='text-align: right; font-size: 45px; color: #F2F2F2; line-height: 75px'>
                            Everything you see here is responsive and mobile-friendly.
                        </p>
                    </div>
                    <div style="float: left; width: 450px">
                        <p style='font-size: 15px; color: #999999; text-align: left; padding: 10px 10px 5px 35px;
                            line-height: 25px'>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec massa enim. Aliquam
                            viverra at est ullamcorper sollicitudin. Proin a leo sit amet nunc malesuada imperdiet
                            pharetra ut eros.
                        </p>
                        <p style='font-size: 15px; color: #999999; text-align: left; padding: 10px 10px 5px 35px;
                            line-height: 25px'>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec massa enim. Aliquam
                            viverra at est ullamcorper sollicitudin. Proin a leo sit amet nunc malesuada imperdiet
                            pharetra ut eros.
                        </p>
                        <p style='font-size: 15px; color: #999999; text-align: left; padding: 10px 10px 5px 35px;
                            line-height: 25px'>
                            Mauris vel nunc at ipsum fermentum pellentesque quis ut massa. Cum sociis natoque
                            penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas non
                            adipiscing massa. Sed ut fringilla sapien. Cras sollicitudin, lectus sed tincidunt
                            cursus, magna lectus vehicula augue, a lobortis dui orci et est.
                        </p>
                    </div>
                </div>
            </div>
            <div class="section" id="TeamSection">
                <div id="DivYourTeam" style="width: 1100px; margin: auto; text-align: center">
                    <div style="text-align: center; padding: 50px 0 55px 0; clear: both">
                        <a style="font-size: 42px; font-weight: 800; color: #555">YOUR TEAM</a>
                        <br />
                        <a style="font-size: 15px; color: #555; line-height: 35px">Prove that you have real
                            people working for you, with some nice looking profile pictures and links to social
                            media.</a>
                    </div>
                    <div class="DivTeam">
                        <div style="float: left; text-align: center; width: 240px; padding: 15px">
                            <div>
                                <img src="./Images/Mrinmoydas.jpg" style="width: 175px; height: 175px; margin: auto auto 20px auto;
                                    border-radius: 100px" />
                            </div>
                            <a style="height: 60px; padding-bottom: 5px; font-size: 16px; font-weight: bold;
                                line-height: 35px; border-bottom: 2px solid #990000">Mrinmoyd Das</a>
                            <br />
                            <p style="font-size: 14px; line-height: 25px; color: #555">
                                Senior Architecture
                            </p>
                            <div id="DivSocialMediaIcons">
                            </div>
                        </div>
                        <div style="float: left; text-align: center; width: 240px; padding: 15px">
                            <div>
                                <img src='Images/Img06.jpg' style="width: 175px; height: 175px; margin: auto auto 20px auto;
                                    border-radius: 100px" />
                            </div>
                            <a style="height: 60px; padding-bottom: 5px; font-size: 16px; font-weight: bold;
                                line-height: 35px; border-bottom: 2px solid #3B67B2">Anirban</a>
                            <br />
                            <p style="font-size: 14px; color: #555">
                                Project Manager
                            </p>
                        </div>
                        <div style="float: left; text-align: center; width: 250px; padding: 15px">
                            <div>
                                <img src="Images/Rampraveshkr.jpg"  style="width: 175px; height: 175px; margin: auto auto 20px auto;
                                    border-radius: 100px" />
                            </div>
                            <a style="height: 60px; padding-bottom: 5px; font-size: 16px; font-weight: bold;
                                line-height: 35px; border-bottom: 2px solid #FF9900">Ram pravesh kr</a>
                            <br />
                            <p style="font-size: 14px; color: #555">
                                Developer
                            </p>
                        </div>
                        <div style="float: left; text-align: center; width: 250px; padding: 15px">
                            <div>
                                <img src='Images/Sagar.jpg' style="width: 175px; height: 175px; margin: auto auto 20px auto;
                                    border-radius: 100px" />
                            </div>
                            <a style="height: 60px; padding-bottom: 5px; font-size: 16px; font-weight: bold;
                                line-height: 35px; border-bottom: 2px solid #AEC946">Sagar K</a>
                            <br />
                            <p style="font-size: 14px; width: 250px; margin: auto; color: #555">
                                Developer
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section" id="TestimonialSection">
                <div id="DivTestimonial" style="width: 1100px; margin: auto; text-align: center">
                    <div style="text-align: center; padding: 50px 0 55px 0; clear: both">
                        <a style="font-size: 42px; font-weight: 800; color: #555">Testimonial</a>
                        <br />
                        <a style="font-size: 15px; color: #555; line-height: 35px">Get testimonials from your
                            clients and then display them here.</a>
                    </div>
                     <!-- Slides Container -->
                    <div id="slider1_containerTestimonials" style="display: block; position: relative;
                        margin: 0 auto; top: 0px; margin-left:0px; height:400px; overflow: hidden;">
                        <!-- Slides Container -->
                        <div u="slides" style="cursor: move; position: relative; left: 0px; top: 0px; width: 1100px;
                            height:400px; overflow: hidden;">
                            <div id="DivTestimonialDetails">
                        <div id="DivTestimonialContent1" style="width: 350px; margin: 0 auto 10px 10px; float: left;
                            text-align: left; background: #FFFFFF; border: 1px solid #eee; border-radius: 5px;
                             box-shadow:0px -5px 2px rgba(31, 73, 125, 0.5),0px 5px 2px rgba(31, 73, 125, 0.5);">
                            <p style="padding: 18px; line-height: 23px">
                                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                                mus. Curabitur nec sem vel sapien venenatis mattis non vitae augue. Nullam congue
                                commodo lorem vitae facilisis. Suspendisse malesuada id turpis interdum dictum.
                            </p>
                            <div id="DivTestimonialUserImg" style="text-align: right; padding: 5px 15px 5px 5px">
                                <img src="Images/Img01.jpg" style="width: 100px; height: 100px; border-radius: 100px" />
                            </div>
                        </div>
                        <div id="DivTestimonialContent2" style="width: 350px; margin: 0 0px 10px 10px; float: left;
                            text-align: left; background: #FFFFFF; border: 1px solid #eee; border-radius: 5px;
                            box-shadow:0px -5px 2px rgba(31, 73, 125, 0.5),0px 5px 2px rgba(31, 73, 125, 0.5);">
                            <p style="padding: 18px; line-height: 23px">
                                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                                mus. Curabitur nec sem vel sapien venenatis mattis non vitae augue. Nullam congue
                                commodo lorem vitae facilisis. Suspendisse malesuada id turpis interdum dictum.
                            </p>
                            <div id="DivTestimonialUserImg1" style="text-align: right; padding: 5px 15px 5px 5px">
                                <img src="Images/Img001.jpg" style="width: 100px; height: 100px; border-radius: 100px" />
                            </div>
                        </div>
                        <div id="DivTestimonialContent3" style="width: 350px; margin: 0 0px 10px 10px; float: left;
                            text-align: left; background: #FFFFFF; border: 1px solid #eee; border-radius: 5px;
                             box-shadow:0px -5px 2px rgba(31, 73, 125, 0.5),0px 5px 2px rgba(31, 73, 125, 0.5);">
                            <p style="padding: 18px; line-height: 23px">
                                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                                mus. Curabitur nec sem vel sapien venenatis mattis non vitae augue. Nullam congue
                                commodo lorem vitae facilisis. Suspendisse malesuada id turpis interdum dictum.
                            </p>
                            <div id="DivTestimonialUserImg2" style="text-align: right; padding: 5px 15px 5px 5px">
                                <img src="Images/Img02.jpg" style="width: 100px; height: 100px; border-radius: 100px" />
                            </div>
                        </div>
                    </div>
                    <div>
                   <!--------------------------Div2-------------------------------------------->
                     <div>
                        <div  style="width:350px; margin: 0 auto 10px 10px; float: left;
                            text-align: left; background: #FFFFFF; border: 1px solid #eee; border-radius: 5px;
                             box-shadow:0px -5px 2px rgba(31, 73, 125, 0.5),0px 5px 2px rgba(31, 73, 125, 0.5);">
                            <p style="padding: 18px; line-height: 23px">
                                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                                mus. Curabitur nec sem vel sapien venenatis mattis non vitae augue. Nullam congue
                                commodo lorem vitae facilisis. Suspendisse malesuada id turpis interdum dictum.
                            </p>
                            <div  style="text-align: right; padding: 5px 15px 5px 5px">
                                <img src="Images/Mrinmoydas.jpg" style="width: 100px; height: 100px; border-radius: 100px" />
                            </div>
                        </div>
                        <div style="width: 350px; margin: 0 0px 10px 10px; float: left;
                            text-align: left; background: #FFFFFF; border: 1px solid #eee; border-radius: 5px;
                            box-shadow:0px -5px 2px rgba(31, 73, 125, 0.5),0px 5px 2px rgba(31, 73, 125, 0.5);">
                            <p style="padding: 18px; line-height: 23px">
                                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                                mus. Curabitur nec sem vel sapien venenatis mattis non vitae augue. Nullam congue
                                commodo lorem vitae facilisis. Suspendisse malesuada id turpis interdum dictum.
                            </p>
                            <div  style="text-align: right; padding: 5px 15px 5px 5px">
                                <img src="Images/Sagar.jpg" style="width: 100px; height: 100px; border-radius: 100px" />
                            </div>
                        </div>
                        <div style="width: 350px; margin: 0 0px 10px 10px; float: left;
                            text-align: left; background: #FFFFFF; border: 1px solid #eee; border-radius: 5px;
                             box-shadow:0px -5px 2px rgba(31, 73, 125, 0.5),0px 5px 2px rgba(31, 73, 125, 0.5);">
                            <p style="padding: 18px; line-height: 23px">
                                Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
                                mus. Curabitur nec sem vel sapien venenatis mattis non vitae augue. Nullam congue
                                commodo lorem vitae facilisis. Suspendisse malesuada id turpis interdum dictum.
                            </p>
                            <div  style="text-align: right; padding: 5px 15px 5px 5px">
                                <img src="Images/Rampraveshkr.jpg" style="width: 100px; height: 100px; border-radius: 100px" />
                            </div>
                        </div>
                    </div>
                    </div>
                         </div>
                    </div>
                </div>
            </div>
            <div class="section">
                <div id="DivContactUs" style="width: 1100px; margin: auto; text-align: center">
                    <div style="text-align: center; padding: 45px 0 55px 0; clear: both">
                        <a style="font-size: 42px; font-weight:800; color: #FF9900">GET IN TOUCH</a>
                        <br />
                        <a style="font-size: 15px; color: #F2F2F2; line-height: 35px">Big and mobile-optimized
                            contact form integrated. All fields are customizable.</a>
                        <div style="margin-top: 50px">
                            <table cellspacing="8">
                                <tr>
                                    <td>
                                        <input type="text" placeholder="Your Name" style="width: 348px; height: 35px; padding: 5px" />
                                    </td>
                                    <td>
                                        <input type="text" placeholder="Your Email" style="width: 348px; height: 35px; padding: 5px" />
                                    </td>
                                    <td>
                                        <input type="text" placeholder="Subject" style="width: 348px; height: 35px; padding: 5px" />
                                    </td>
                                </tr>
                            </table>
                            <div style="margin: 20px 0 0 8px">
                                <textarea placeholder="Your Message" cols="1000" rows="20" style="width: 1100px;
                                    height: 200px"></textarea>
                            </div>
                            <div id="DivSendMessage" style="text-align:right;padding-top:10px">
                            <button type="button" class="CSSbutton" style="width:200px;height:45px">Send Message</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="section">
            </div>
        </div>
    </div>
</body>
</html>
